<div id="contenedor" class="container">  
    <div class="row-fluid">
        <div class="row-fluid">
            <ul  class="span12 breadcrumb alingCenter marginTop">
                <li><b>REPORTES DE VENTAS</b></li>
            </ul>
        </div>
        <div class="row-fluid">
            <div class="span1 offset2">
                Desde
            </div>
            <div class="span3">
                <div class="input-prepend">
                    <span class="add-on"><i class="icon-calendar"></i></span>
                    <input type="text" id="btn-fecha1" class="datePicker input-small search-cambiar"> 
                </div>
            </div>

            <div class="span1">
                Hasta
            </div>
            <div class="span3">
                <div class="input-prepend">
                    <span class="add-on"><i class="icon-calendar"></i></span>
                    <input type="text" id="btn-fecha2" class="datePicker input-small search-cambiar">                   
                </div>

            </div>
            <div class="span2">
                <a href="#" class="btn btn-success" type="button" id="btn-hoy">Hoy</a>
                <a href="#" class="btn btn-primary" type="button" id="btn-reporte">Reporte</a>                
            </div>


        </div>
    </div>

    <!-- <div class="row-fluid">
         <div class="row-fluid">
             <ul  class="span12 breadcrumb alingCenter">
                 <li><b>Reporte de reservas y hospedaje</b></li>
             </ul>
         </div>
     </div>-->
    <div class="row-fluid">  

        <div class="span6 bordeIngresosEgresos">

            <div class="row-fluid alingCenter backgroundEgresos">
                <label>
                    <strong>Total ingresos hospedaje:</strong> <span id="total-egresos"></span>
                </label>
            </div>
            <div class="row-fluid" > 
                <div class="row-fluid hide" id="egresos-not-found">
                    <br>
                    <div class="row-fluid">
                        <div class="span12 alert alert-error">
                            <p class="text-center">No existen ventas registradas. para las fechas indicadas</p>  
                        </div>
                    </div>
                </div>

                <div class="row-fluid hide" id="egresos-found" >
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Fecha</th>                               
                                <th>Habitación</th>
                                <th>Valor</th>
                            </tr>
                        </thead>
                        <tbody id="table-egresos">
                        </tbody>
                    </table>
                </div>
                <div class="row-fluid">
                    <!--<div class="pagination pull-right" id="pagination">
                        <ul>
                            <li class="active">
                                <a href="#">1</a>
                            </li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">Siguiente</a></li>
                        </ul>
                    </div>-->
                </div>
            </div>
        </div>



        <div class="span6 bordeIngresosEgresos">
            <div class="row-fluid alingCenter backgroundIngresos">
                <label>
                    <strong>Total ingresos otras ventas:</strong> <span id="total-ingresos"></span>
                </label>
            </div>
            <div class="row-fluid">
                <div class="row-fluid hide" id="ingresos-not-found">
                    <br>
                    <div class="row-fluid">
                        <div class="span12 alert alert-error">
                            <p class="text-center">No existen ventas registradas. para las fechas indicadas</p>  
                        </div>
                    </div>
                </div>
                <div class="row-fluid hide" id="ingresos-found">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Fecha</th>
                                <th>Descripción</th>
                                <th>Valor</th>                                
                            </tr>
                        </thead>
                        <tbody id="table-ingresos" data-pagina="1">

                        </tbody>
                    </table>
                </div> 
            </div>
        </div>


    </div>  



</div>

<!-- VENTANA DE SELECCION FORMATO  DE EXPORTACIÓN-->
<div id="modalExportarVentaProductos" class="modal hide fade formularioExportar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" >Exportar información de productos</h4>
    </div>
    <div class="modal-body">        
        <div class="row-fluid">
            <label class="alignContentCenter">Se exportarán todos los registros de productos existentes</label>
        </div>
        <div class="row-fluid">
            <form>
                <label class="radio span4">
                    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                    PDF
                </label>
                <label class="radio span4">
                    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                    Excel
                </label>
                <label class="radio span4">
                    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                    TXT
                </label>
            </form>
        </div>
        <div class="row-fluid ">
            <div class="span12 alignContentCenter">
                <a href="#" class="btn btn-success" type="button" data-toggle="modal">Exportar</a>
            </div>
        </div>
    </div>
</div>
